<div class="center_screen index_standard skill_category">
    <br>
    <div style="color: #329fd6; font-size: 40px; margin-left: 10px"><?php echo $category_name ?></div>
    <div style="margin-left: 10px; margin-top: 20px">
        <div class="bs-docs-section" ">
            <div class="bs-example bs-example-tabs" >
                <ul id="myTab" class="nav nav-tabs" >
                    <li style="font-size: 20px; margin-top: 10px; color: #1ab7f2"><?php echo $this->translate('Skills') ?></li>
                    <li class="active" style="margin-left: 775px"><a href="#popular" data-toggle="tab" ><?php echo $this->translate('popular') ?></a></li>
                    <li><a href="#new" data-toggle="tab"><?php echo $this->translate('new') ?></a></li>
                </ul>
                <div id="myTabContent" class="tab-content">
                    <table style="margin-top: 20px">
                        <tbody>
                        <tr>
                            <td>
                                <?php echo $this->translate('Type to find tags: ') ?>
                            </td>
                            <td><input type="text"></td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="tab-pane fade in active" id="popular" style="margin-top: 20px">
                        <table>
                            <tbody>
                                <?php $i = 0 ?>
                                <?php foreach($skills as $skill): ?>
                                    <?php  if($i%4 == 0)
                                                echo "<tr>";
                                          include 'tag.phtml';
                                          $i++;?>
                                <?php endforeach ?>
                            </tbody>
                        </table>

                    </div>
                    <div class="tab-pane fade" id="new" style="margin-top: 20px">
                        <table>
                            <tbody>
                                <?php $i = 0 ?>
                                <?php foreach($skills as $skill): ?>
                                    <?php  if($i%4 == 0)
                                        echo "<tr>";
                                    include 'tag.phtml';
                                    $i++;?>
                                <?php endforeach ?>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>